<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">存储列表</li>
            </ul>
        </div>
    </div>
</div>

<div class="pull-convert-alert"></div>

<div style="padding: 0 10px 0; float:right;">
    <div style="text-align: right;font-size: 1.2rem; color: red;">更新时间：10:00，负责人：lixiyong01，表doris：ads_zp_rock_table_store_cost，成本（阿里云）：0.004元/GB/天（≤0.5GB 0.01元/天）（仅作参考）</div>
    <br />
</div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-sm-10 col-md-10">
                <form class="form-inline" action="" onsubmit="return false;">
                    <div class="form-group">
                        <label>报告时间：</label>
                        <input type="text" name="dt" ng-model="vm.p.dt" placeholder="报告时间" value="20210612"
                               class="form-control">
                    </div>

                    <div class="form-group">
                        <label>负责人：</label>
                        <input type="text" class="form-control" id="ownerId" placeholder="请填写负责人oa"
                            ng-model="vm.p.ownerId" />
                    </div>



                    <div class="form-group">
                        <label for="basicPath">存储根路径</label>
                        <select class="form-control" ng-model="vm.p.basicPath" id="basicPath">
                            <option value="">ALL</option>
                            <option>/home/hdp_lbg_zhaopin/warehouse/</option>
                            <option>/home/hdp_lbg_zhaopin/resultdata/</option>
                            <option>/home/hdp_lbg_zhaopin/rawdata/</option>
                            <option>/home/hdp_lbg_supin/warehouse/</option>
                            <option>/home/hdp_lbg_supin/resultdata/</option>
                            <option>/home/hdp_lbg_supin/rawdata/</option>
                            <option>/home/hdp_hrg_yunying/warehouse/</option>
                        </select>
                    </div>

                    <button id="refreshTable" type="button" class="btn btn-primary" ng-click="loadCostReport()">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                    </button>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <h3 class="sub-header" style="display:inline-block; font-weight: 700;font-size: 14px;padding: 20px 10px 5px 0;"> 存储列表</h3>
                <table id="list_table2" class="table table-condensed"  data-toolbar="#toolbar"
                       data-search="true" data-show-toggle="true" data-show-columns="true"
                       data-show-pagination-switch="true" data-pagination="true" data-search-align="left"
                       data-buttons-align="left" data-toolbar-align="left" data-side-pagination="client">
                    <thead>
                        <tr>
                            <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号
                            </th>
                            <th data-field="id" data-sortable="true" data-formatter="costStoreReportIDFmt">操作</th>

                            <th data-field="userName" data-sortable="true" data-formatter="formatCostUserFmt">负责人
                            </th>
                            <th data-field="orgCnName" data-sortable="true">所属团队</th>
                            <th data-field="orgCnName" data-sortable="true" data-formatter="costTeamFmt">成本核算单元</th>
                            <th data-field="basicPaths" data-sortable="true">存储根路径</th>
                            <!--                            <th data-field="clusterName" data-sortable="true">数据仓库</th>-->
                            <th data-field="storeSize" data-sortable="true" data-formatter="storeSizeFmt">存储大小</th>
                            <th data-field="storeSize" data-sortable="true" data-formatter="storeCostFmt">成本（元/天）</th>
                            <th data-field="dayStoreSizeInc" data-sortable="true" data-formatter="storeSizeFmt">
                                日存储新增</th>
                            <th data-field="dayStoreSizeIncRatio" data-sortable="true" data-formatter="toPencent">
                                日存储增长率</th>
                            <th data-field="weekStoreSizeInc" data-sortable="true" data-formatter="storeSizeFmt">
                                周存储新增</th>
                            <th data-field="weekStoreSizeIncRatio" data-sortable="true"
                                data-formatter="toPencent">周存储增长率</th>
                            <!--                            <th data-field="costMoney" data-sortable="true">服务器(台)</th>-->
                            <th data-field="dt" data-sortable="true">报告时间</th>
<!--                            <th data-field="updateTime" data-sortable="true">更新时间</th>-->
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
